@charset "utf-8";


@media only screen and (max-width: 640px) {
    .pc { display:none !important; }
    .ph { display:block !important; }

    html { font-size: 62.5%;}
    /* common */
    body { overflow-x:hidden; -webkit-text-size-adjust:none; max-width: 640px; margin: 0 auto; background: #f6f6f6; font-family: Microsoft YaHei,Arial; color:#666; }
    .ph .wrap { padding: 0 2%; }

    .ph .topArea { position: relative; width: 100%; background: #fff; }
    .ph .topArea .logo { width: 100%; }
    .ph .topArea .logo img { width: 100%;}
    .ph .navbtn { position: absolute; top: 0; right: 0; width: 15%; }
    .ph .navbtn img { width: 100%; }

    .ph .subnav-wrap { display: none; background:#005bb0; position: absolute; top: 0; width: 100%; left: 0; z-index: 2; }
    .ph .subnav-wrap .subnav { width: 100%; }
    .ph .subnav-wrap .subnav ul li { position: relative; width: 100%; line-height: 2.6; border-bottom: 1px solid #1f6fba; box-shadow: 0 1px 1px #013c73; }
    .ph .subnav-wrap .subnav ul li a { display: block; line-height: 2.6; padding: 0 10%; color: #fff; font-size: 1.4rem;  }
    .ph .subnav-wrap .subnav ul li .navicon { position: absolute; top: 50%; right: 10%; margin-top: -9px; }
    .ph .subnav-wrap .subnav ul li .navicon img { height: 15px; }

    .ph .subnav-wrap .subnav .navtop { text-align: center; padding: 4% 0; }
    .ph .subnav-wrap .subnav .navtop img { height: 18px; }

    .ph .banner{ width: 100%;position: relative; }
    .ph .banner .bd11,.ph .banner .bd11 ul,.ph .banner .bd11 ul li,.ph .banner .bd11 ul li img{ width: 100%;}
    .ph .banner .hd11{position: absolute;width:100%;text-align: center;left:0px;bottom:10%;}
    .ph .banner .hd11 li{width:12px; height:12px;display: inline-block;border-radius:6px;background: #fff;margin: 0px 5px;text-indent: -999em; }
    .ph .banner .hd11 li.on{background: #017CCD}



    .ph .cx_form { padding: 3% 0 0; }
    .ph .cx_form .tit { font-size: 1.4rem; color: #666; }
    .ph .cx_form .tit span { width: 49%; }
    .ph .cx_form .tit span em { padding-left: 2px; }
    .ph .cx_form .con {}
    .ph .cx_form .con ul { padding: 3% 0 0; }
    .ph  .cx_form .con ul li { margin-bottom: 2%;  }
    .ph .cx_form .con ul li select { width: 100%;  background: #fff; background-color:transparent; border-color:transparent;-webkit-appearance: none;}
    .ph .cx_form .con ul button { width: 100%; line-height: 2; padding: 2% 0; border: none; background: #017ccd; color: #fff; }
    .ph .cx_form .con ul button img { padding-right: 5px; }

    .ph .hTitle {  border: 1px solid #dcdcdc; background: #fff; padding: 3% 1%; }
    .ph .hTitle .hd { position: relative; padding-bottom: 1%; border-bottom: 1px solid #dcdcdc; }
    .ph .hTitle .hd h2 { font-size: 1.6rem; color: #017ccd; }
    .ph .hTitle .hd h2 em { font-size: 1.2rem; color: #777; padding-left: 4px; font-weight: normal; text-transform: uppercase; }
    .ph .hTitle .hd .more { position: absolute; top: 3px; right: 4px;}
    .ph .hTitle .hd .more a {  color: #777; font-size: 1.2rem; text-transform: uppercase; }

    .ph .about { margin-bottom: 2%; }
    .ph .about .hd .more a { color: #017ccd;}
    .ph .about .bd { padding: 2% 0 0; }
    .ph .about .bd .pic img { width: 100%; }
    .ph .about .bd .txt { padding: 2% 0 0; color: #777; line-height: 1.8; font-size: 1.4rem;  }
    .ph .about .bd .txt h2 { font-size: 1.6rem; color: #000; font-weight: normal; }
    .ph .about .bd .txt h2 em { color: #017ccd; font-size: 2rem; font-weight: bold; }

    .ph .fast { margin-bottom: 2%; }
    .ph  .fast .bd { padding: 4% 0 3% 0; }
    .ph .tab_li li { float: left; width: 25%; text-align: center; }
    .ph  .tab_li li i { display: block;  width:50px; height: 50px; margin: 0 auto; text-align: center; border-radius: 50%; background: #c1c1c1;  }
    .ph .tab_li li i span {display:table-cell; width:50px; height: 50px; vertical-align: middle;  }
    .ph .tab_li li i img { height: 30px; }
    .ph .tab_li li .name { padding: 2% 0 0; font-size: 1.4rem; color: #333; }

    .ph .news {  margin-bottom: 2%; }
    .ph .news .tab-tit { padding: 3% 0 10%; }
    .ph .news .tab-tit li { float: left; width: 27%; margin: 0 3%; text-align: center; }
    .ph .news .tab-tit li a { display: block; line-height: 2.4; font-size: 1.4rem; color: #333; }
    .ph .news .tab-tit li:hover ,.news .tab-tit li.on { position: relative; color: #fff; background: #0270cd; }
    .ph .news .tab-tit li:hover:before,.news .tab-tit li.on:before {  position: absolute;  content: ""; left:50%; margin-left: -5px; bottom: -10px;  border:5px solid transparent;  border-width:5px 7px;  border-top-color:#0270cd;   background:transparent; }
    .ph .news .tab-tit li:hover a,.news .tab-tit li.on a{color:#fff;}

    .ph .list_01 { padding: 3% 2% 0; }
    .ph .list_01 li { line-height: 2.4;  border-bottom: 1px dashed #cacaca; }
    .ph .list_01 li span { float: right; font-size: 1.2rem; color: #777; }
    .ph .list_01 li a { color: #333;  font-size: 1.4rem; }

    .ph .contact { margin-bottom: 2%;}
    .ph .contact .pic { padding: 2% 0 0; }
    .ph .contact .pic img { width: 100%; }
    .ph .contact .txt { padding: 1% 0 0 2%; line-height: 2.4; color: #333; }
    .ph .contact .txt em { vertical-align: middle; padding-left: 4px; font-size: 1.4rem; }

    .ph .footer { padding-bottom: 80px; }
    .ph .footer .copyright { padding: 2% 0; line-height: 2; font-size: 1.2rem; color: #222; background: #fff; margin-bottom: 2%; text-align: center; }
    .ph  .foot-nav { position: fixed; bottom: 0; width: 100%; left: 0; background: #fff; padding:1% 0;  box-shadow: 10px 10px 15px #333; }
    .ph .foot-nav li { float: left;  width: 25%; text-align: center; }
    .ph .foot-nav li img { height: 25px; }
    .ph .foot-nav li p { line-height: 2.6; font-size: 1.2rem; color: #2e2e2e; }

    .ph .cx-info { margin: 2% 0;  background: #fff; padding: 3% 0 0; }
    .ph .cx-info ul { padding: 0 2%; font-size: 1.4rem; color: #333;  }
    .ph .cx-info ul li { padding: 2% 0; border-bottom: 1px solid #dadada; }
    .ph .cx-info ul .txt { font-weight: bold; }
    .ph .cx-info ul li .label { font-weight: bold; line-height: 1.6; }
    .ph .cx-info ul li select {  border:1px solid #d0d0d0; background: none; line-height: 1.6; background-color:transparent; -webkit-appearance: none; }
    .ph .cx-info ul li .sm {color: #f40404; padding: 1% 0 0; }
    .ph .cx-info ul li .czsj { line-height: 2; }
    .ph .cx-info ul li .czsj .label {  float:left; line-height: 2; }
    .ph .cx-info ul li .czsj .box { float:left; }
    .ph .cx-info ul .sxzl  em { font-weight: bold; color: #058ee9; font-size: 1.6rem; }
    .ph .cx-info ul .qzsl span { border: 1px solid #c9c9c9; border-right: none; cursor: pointer; }
    .ph .cx-info ul .qzsl span em {  padding: 0 8px; border-right: 1px solid #c9c9c9; }

    .ph .cx-txt { position: relative; background: #fff; padding:2% 0 20% 0; }
    .ph .cx-txt .tab-tit_02 { border-bottom: 1px solid #e5e5e5; }
    .ph .cx-txt .tab-tit_02 li { float: left; width: 25%; line-height: 2.4; text-align: center; }
    .ph .cx-txt .tab-tit_02 li a { display: block; margin: 0 10%; font-size: 1.6rem; color: #333; line-height: 2.4; border-bottom: 2px solid transparent;}
    .ph .cx-txt .tab-tit_02 li.on a { border-color: #eb1200;}
    .ph .cx-txt .con { padding: 3% 2%; line-height: 2; font-size: 1.4rem; }
    .ph .cx-txt .con em { font-weight: bold; color: #058ee9; font-size: 1.4rem; }

    .ph  .orderbtn { position: absolute; bottom: 0; left: 0; width: 100%; padding:0; text-align: right; font-size: 1.4rem; color: #333; background: #fff; border-top: 1px solid #dadada; }
    .ph .orderbtn em { color: #ff1201; font-size: 2rem; }
    .ph .orderbtn em i { font-size: 1.6rem; font-style: normal; }
    .ph .orderbtn a { display: inline-block; padding: 3% 5%; color: #fff; font-size: 1.6rem; margin-left: 5%; background: #ff9000; }

    .ph  .back { padding: 3% 2%; font-size: 1.6rem; }
    .ph .back span { float: right;}
    .ph  .back h2 a  { vertical-align: middle; font-weight: normal; font-size: 1.6rem; padding-left: 6px;}
    .ph  .back h2 img { height: 20px; }

    .ph  .dingd-info { position: relative; background: #fff; padding: 3% 0 13% 0px; font-size: 1.4rem; color: #333; }
    .ph .dingd-info .tit { margin-left:3%;position: relative; padding-bottom:2%; line-height:2; }
    .ph .dingd-info .tit h2 { color: #666; font-size: 1.6rem; font-weight: normal; padding-left: 30px}
    .ph  .dingd-info .tit i { position: absolute; content: ""; top: 1px; left: 0px; width:25px; height: 25px; text-align: center; line-height: 25px; font-size: 1.6rem; color: #fff; font-style: normal; background: #c1c1c1; border-radius: 50%;  }
    .ph .dingd-info .ddxx { line-height: 2.4; padding-bottom: 4%; }

    .ph .list_02 {width:97%;margin-right: 3%}
    .ph  .list_02 li { margin: 4% 0; }
    .ph .list_02 li .zhu { color: #f80000; }
    .ph .list_02 .label { float: left; width: 25%;  font-weight: bold; color: #000; text-align: right; padding-right: 2%; }
    .ph .list_02 .label em { color: #ff0000; }
    .ph  .list_02 .input-box { float: left; width: 68%; }
    .ph  .list_02 .input-box input { width: 80%; height: 25px; border: 1px solid #d0d0d0; }
    .ph .list_02 .input-box textarea { width: 80%; height: 60px;  border: 1px solid #d0d0d0; }

    .ph .tjcp { padding: 2% 0;}
    .ph .tjcp .tit { line-height: 2; }

    .ph  .ckboxinfo { margin-bottom: 4%; }
    .ph .ckboxinfo span {  padding-right: 2%; }
    .ph .ckboxinfo span em { font-weight: bold; font-size: 1.4rem; color: #ff0000; }
    .ph  .ckboxinfo label { display: inline-block;  text-align: right; }
    .ph  .ckboxinfo .num { display: inline-block; border: 1px solid #c9c9c9; border-right: none; }
    .ph .ckboxinfo .num em { height: 26px; padding: 0 8px; border-right: 1px solid #c9c9c9; }

    .ph .dingd-info .orderbtn { padding: 0% 0 0;  }
    .ph .dingd-info .orderbtn strong { color: #333; font-size: 2rem; }
    .ph  .dingd-info .orderbtn em { padding-right: 2%; }
    .ph  .dingd-info .orderbtn span { padding: 0 1%; }
    .ph .dingd-info .orderbtn span em { font-size: 1.4rem; }
    .ph  .dingd-info .orderbtn a { margin-top: 5%; }

    .ph .menu { background: #fff; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #d3d4d6;  }
    .ph  .menu ul li { float: left; width: 25%; text-align: center; line-height: 4; }
    .ph .menu ul li a { display: block; color: #333; font-size: 1.4rem;  background: #fff; border-bottom: 3px solid transparent; font-weight: bold; }
    .ph  .menu ul li a.on { background: #f7f7f7; color: #0162b3; border-color:#0162b3;  }

    .ph .page { padding: 4% 0; text-align: center; }
    .ph  .page a { padding: 2px 7px; margin: 0 1px; font-size: 1.4rem; background: #fff; border: 1px solid #dcdcdc; border-radius: 4px; }
    .ph .page a.on { background: #01569d; border-color: #033c6c; color: #fff; }

    .ph  .list_03 { margin: 2% 0; padding: 3% 2%; background: #fff; }
    .ph  .list_03 li { padding: 2% 0;  border-bottom: 1px dashed #c6c6c6; }
    .ph .list_03 li a { position: relative; padding-left: 15px; color: #333; font-size: 1.4rem; }
    .ph  .list_03 li a:before { position: absolute; content: ""; left: 0; top: 5px;  border:5px solid transparent;  border-width:5px 7px;  border-left-color:#017ccd;  background:transparent; }
    .ph .list_03 li span { float: right; color: #666; font-size: 1.2rem; }

    .ph  .art-box { border-bottom: 1px solid #e6e3e3; text-align: center; padding: 5% 0 3%; background: #fff; }
    .ph .art-box h2 { font-size:2rem; color: #333; font-weight: normal; line-height: 2.6; }
    .ph  .art-box .info { font-size: 1.2rem; }
    .ph .art-box .info span { padding: 0 10px; }

    .ph  .article { background: #fff; padding:4%; font-size: 1.4rem; line-height: 1.8; }

    .ph  .up-down { margin-bottom: 2%; padding: 0 2% 3%; background: #fff; }
    .ph  .up-down li { margin-bottom: 2%; padding: 2% 4%; background: #fff; border: 1px solid #e4e4e4; border-radius: 4px; }
    .ph .up-down li a { font-size: 1.4rem; }

    .ph .vipinfo { margin-bottom: 2%; padding: 2% 4%; background: #fff; border-top: 1px solid #e6e6e9; border-bottom: 1px solid #e6e6e9; }
    .ph .vipinfo .vipuser { float: left; }
    .ph .vipinfo .vipuser img { height: 70px; display: table-cell; vertical-align: middle; }
    .ph .vipinfo .name { float: left; width: 65%; height: 70px; padding-left: 3%; font-size: 1.4rem;   }
    .ph .vipinfo .name span { height: 70px; display: table-cell; vertical-align: middle; }
    .ph .vipinfo .name em { display: inline-block; font-size: 1.6rem; color: #2781c6; line-height: 2; }
    .ph .rt-phone { position: absolute; top: 0; right: 2%; height: 70px; padding:  2% 0; }
    .ph .rt-phone a { height: 70px; display: table-cell; vertical-align: middle; }
    .ph .rt-phone img { padding-left:5px; }
    .ph .v_list_01 { text-align: center;  }
    .ph .v_list_01 li { display: inline-block;  width: 45%; line-height: 2; text-align: center; font-size: 1.6rem; color: #000; }

    .ph .p_menu {}
    .ph .p_menu dt { padding: 2% 0; border-bottom: 1px solid #f1f1f1; }
    .ph .p_menu dt { font-size: 1.6rem; color: #222;}
    .ph .p_menu dt span { float: right; }
    .ph .p_menu li { line-height: 2; font-size: 1.4rem; }
    .ph .p_menu li a { padding-left: 30px; font-size: 1.4rem; color: #888;  }

    .ph .vipinfo .label { float: left; width: 30%; text-align: left; font-size: 1.6rem; color: #222; }
    .ph .vipinfo .input-box { float: left; width: 70%; text-align: left; font-size: 1.6rem; color: #222; }
    .ph .vipinfo .input-box input { width: 100%; height: 26px; line-height: 2; font-size: 1.6rem; vertical-align: middle; border: none; background: none;}
    .ph .v_btn { width: 80%; margin: 0 auto; padding: 2% 0 0; }
    .ph .v_btn button { display: block; padding: 2% 0; width: 100%; background: #2681c6; border: none; text-align: center; font-size: 2rem; color: #fff; cursor: pointer;  }


.ph .top_nav{ background-color: #0270CD;position: fixed;width: 100%;top: 0px;left:0px;color: white;text-align: center;display: none;}
.ph .top_nav a{color: white;}
.ph .top_nav li{font-size: 1.8rem;border-bottom: 1px solid white;height: 62px;}
.ph .top_nav li:last-child{border: none;}
.ph .top_nav li a{display: block;height: 100%;}
.ph .top_nav li span{display: block; line-height:62px;font-size: 1.8rem;padding:0 28px;}
.ph .top_nav a.nav_up{display: inline-block;width: 10.3%;margin: 5.4% 0;}


.ph .cbd{width：100%;max-width: 640px;background: #fff;}
.ph .cbd .cona{width:92%;padding:0px 4%;}
.ph .cbd .cona .tit{font-size: 1.6rem;border-bottom:1px solid #e2e2e2;padding:2% 0;}
.ph .cbd .cona .tit em{border-bottom:1px solid #2681c6;padding:2% 2%;font-weight: 600}

.ph .cbd .cona .list_04 li{font-size: 1.4rem;padding: 2% 0;border-bottom:1px solid #e2e2e2;}
.ph .cbd .cona .list_04 li em{width:30%;display: inline-block;text-align: right;margin-right: 2%;font-weight: 600}

.ph .change-form { padding:3% 0 0 3%; }
.ph .change-form ul li { margin-bottom: 2%;  }
.ph .change-form ul li .label { float: left; font-size: 14px; width:30%; color: #666; height: 30px; line-height: 30px;text-align: right }
.ph .change-form ul li .input-box { height: 30px; line-height: 30px;}
.ph .change-form ul li .input-box input { padding-left: 8px; width: 190px; height: 28px; border: 1px solid #d8d8d8; background: #fff; }
.ph .change-form ul .btn { padding-left: 100px; }
.ph .change-form ul .btn button { width:88px; height: 30px; background: #2681c6; color: #fff; border: none; cursor: pointer;  }

 .ph   .reg-btn-wrap1{width:100%;max-width: 640px}
 .ph  .reg-btn-con{background: #F5F5F5;width:100%;max-width: 640px}
 .ph   .reg-btn-wrap1 .form-btn{width:98%;padding:0px 1%;}
 .ph   .reg-btn-wrap1 .form-btn h2{text-align: center;font-size: 3.0rem;margin-bottom: 3%;}
 .ph   .reg-btn-wrap1 .form-btn ul li{width:90%;padding: 0px 5%;margin-bottom: 5%;}
.ph   .reg-btn-wrap1 .form-btn ul li label{float:left;width:25%;font-size: 1.8rem}
.ph   .reg-btn-wrap1 .form-btn ul li .input-box{width:70%;float:left;}
.ph   .reg-btn-wrap1 .form-btn ul li .input-box input{height:35px;line-height:35px}
 .ph   .reg-btn-wrap1 .form-btn ul li .btn-box1{height: 35px; width: 200px;text-align: center;margin-left:26%;}
 .ph   .reg-btn-wrap1 .form-btn ul .on{text-align: center}
  .ph   .reg-btn-wrap1 .form-btn ul li .btn-box1 button{
   background: #1271db none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 35px;
    width: 177px;}
    .ph   .reg-btn-wrap1 .form-btn ul .txt{text-align: center;}
}




.ph .mn{width:100%;max-width: 640px;margin-top: 2%}
.ph .mn .mnct{width:100%;}
.ph .mn .mnct li{background: #fff;padding:3% 2%;margin: 2% 0;font-size: 1.4rem}
.ph .mn .mnct1 li a{background: #fff;padding:3% 2%;margin: 2% 0;font-size: 2.2rem;display: inline-block;width: 96%;position: relative;}
.ph .mn .mnct1 li a span{position: absolute;top:30%;right:8%;}


.ph  .st1 select{background-color:transparent; border-color:transparent;-webkit-appearance: none;}





.ph  .button {
    border: 1px solid #bbb;
    border-radius: 1px;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
   
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}
/* --------------  */
/*  custom-select  */
/* --------------  */
.ph .custom-select {
  position: relative;
}
.ph .custom-select select {
 border:1px solid #d0d0d0;
  margin:0;
  background:none;
  
  outline: none;
  /* Prefixed box-sizing rules necessary for older browsers */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* Remove select styling */
  appearance: none;
  -webkit-appearance: none;
  /* Font size must the 16px or larger to prevent iOS page zoom on focus */
  /* General select styles: change as needed */
  font-family: helvetica, sans-serif;
  font-weight: bold;
  color: #444;
  width:100%;
 padding:5% 0;
 padding-left: 10%;
  padding-right: 10%;
  line-height:1.3;
}
.ph .custom-select::after {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  top: 50%;
  right: 8px;
  margin-top:-4px;
  border:8px solid #929497;
  border-width: 8px 5px 8px;
  border-color: #929497 transparent transparent transparent;
  z-index: 2;
  pointer-events:none;
}
/* Hover style */

/* Focus style */
.ph .custom-select select:focus {
  outline:none;
  box-shadow: 0 0 1px 3px rgba(180,222,250, 1);
  background-color:transparent;
  color: #222;
  border:1px solid #aaa;
}
/* Set options to normal weight */
.ph .custom-select option {
  font-weight:normal;
}
x:-o-prefocus, .custom-select::after {
  display:none;
}    
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  .ph  .custom-select select::-ms-expand {
    display: none;
  }
 .ph  .custom-select select:focus::-ms-value {
    background: transparent;
    color: #222;
  }
}  
@-moz-document url-prefix() { 
  .custom-select {
    overflow: hidden;
  }
 .ph  .custom-select select {
    width: 120%;
    width: -moz-calc(100% + 3em);
    width: calc(100% + em);
  }
  
}
.ph .custom-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.ph #info_content11{width:96%;padding:0px 2%;}
.ph #info_content11 img{width:100%;}
